<script setup lang="ts">
defineProps({
  url: {
    type: String,
    required: true,
  },
  size: {
    type: Number,
    default: 150,
  },
});
</script>
<template>
  <div class="avatar-container">
    <img
      :src="url"
      :style="{
        width: size + 'px',
        height: size + 'px',
      }"
    />
    <!-- <br/>
    avatar text -->
  </div>
</template>
<style lang="less" scoped>
.avatar-container img{
  border-radius: 50%;
  object-fit: cover;
  // display: inline-block;
}
</style>
